﻿<%@ Page Title="" Language="C#" MasterPageFile="~/Site1.Master" AutoEventWireup="true" CodeBehind="HomePage.aspx.cs" Inherits="HotelManagement.HomePage" %>

<asp:Content ID="Content3" ContentPlaceHolderID="head" runat="server">
    <title>Simple Accordion</title>  
    <style type="text/css">  
        .accordion {  
            text-align: center;
        }  
          
        .accordionHeader {  
            border: 1px solid #2F4F4F;  
            color: white;  
            background-color: #2E4d7B;  
            font-family: Arial, Sans-Serif;  
            font-size: 12px;  
            font-weight: bold;  
            padding: 5px;  
            margin-top: 5px;  
            cursor: pointer;  
        }  
          
        .accordionHeaderSelected {  
            border: 1px solid #2F4F4F;  
            color: white;  
            background-color: #5078B3;  
            font-family: Arial, Sans-Serif;  
            font-size: 12px;  
            font-weight: bold;  
            padding: 5px;  
            margin-top: 5px;  
            cursor: pointer;  
        }  
          
        .accordionContent {  
            background-color: #D3DEEF;  
            border: 1px dashed #2F4F4F;  
            border-top: none;  
            padding: 5px;  
            padding-top: 10px;  
        }  
    </style>  
  
    <style type="text/css">
        .style17
        {
            height: 62px;
        }
        .style20
        {
            height: 38px;
            width: 692px;
        }
        .style21
        {
            height: 81px;
            }
        </style>
</asp:Content>
<asp:Content ID="Content2" ContentPlaceHolderID="ContentPlaceHolder1" runat="server">
    
        <div style="height: 334px; width: 659px; text-align: center; margin-left: 172px;">
        <asp:ScriptManager ID="ScriptManager1" runat="server">
        </asp:ScriptManager>
   
            <br />
            <br />
            <ajaxToolkit:Accordion ID="Accordion1" runat="server" 
            ContentCssClass="accordionContent" CssClass="accordion" 
            HeaderCssClass="accordionHeader" 
            HeaderSelectedCssClass="accordionHeaderSelected" Width="574px" 
            Height="261px">
 
        <Panes>
        <ajaxToolkit:AccordionPane ID="AccordionPane1" runat="server" Width="600px">
         <Header>For Reception Staff</Header>  
        <Content>  
        <asp:Button ID="btnReceptionStaffLogIn" runat="server"
                Text="Log in to Reception Staff" PostBackUrl="~/LogInReceptionStaff.aspx" />
        </Content>
        </ajaxToolkit:AccordionPane>

        <ajaxToolkit:AccordionPane ID="AccordionPane2" runat="server">
        <Header>For Management Staff</Header>  
        <Content>  
            <asp:Button ID="btnManagementStaffLogIn" runat="server" Text="Log in to Management Staff" PostBackUrl="~/LogInManagementStaff.aspx" />
        </Content>
        </ajaxToolkit:AccordionPane>
       
        <ajaxToolkit:AccordionPane ID="AccordionPane3" runat="server">
         <Header>For Administrator</Header>  
        <Content>  
         <asp:Button ID="btnAdministratorLogIn" runat="server" Text="Log in to Administrator"  PostBackUrl="~/LogInAdministrator.aspx" />
        </Content>
        </ajaxToolkit:AccordionPane>
        </Panes>
               </ajaxToolkit:Accordion></div>
       &nbsp;<asp:Image ID="Image1" runat="server" Height="380px" style="text-align: center; margin-top: 0px;" 
        Width="877px" 
        ImageUrl="~/images/Office_building_interior_by_mp5gosu.jpg" />
   
</asp:Content>
